<div class="drawer lg:drawer-open">
  <input id="my-drawer" type="checkbox" class="drawer-toggle" />
  <div class="drawer-content">
    <header class="h-16">
      <nav-bar class="fixed left-0 top-0 z-50"></nav-bar>
      <div class="toast toast-top toast-center z-40 mt-16">
        <div class="alert" :class="`alert-${item.type} alert-${item.style}`" v-for="item in toast">
          <icon class="text-xl" :icon="item.icon"></icon>
          <span>{{item.content}}</span>
        </div>
      </div>
    </header>
    <main>
      <router-view v-slot="{ Component }">
        <keep-alive :include="include">
          <component :class="$route.name" :is="Component"></component>
        </keep-alive>
      </router-view>
    </main>
    <div class="border-t border-base-300 mx-8 mt-8"></div>
    <footer class="footer bg-base-100 text-base-content p-10">
      <aside>
        <span class="text-2xl font-bold">MCWXT</span>
        <p>感谢访问我的博客！</p><br>
        <p>Copyright © 2023 - {{new Date().getFullYear()}} All right reserved by MCWXT</p>
        <p><a href="https://icp.gov.moe/?keyword=20250684" target="_blank">萌ICP备20250684号</a><span class="mx-2 text-base-content/80">|</span><a style="text-decoration:none;color:#51c4d3;" href="https://travel.moe/go.html" title="异次元之旅-跃迁-我们一起去萌站成员的星球旅行吧！" target="_blank"><img class="inline me-1" src="https://travel.moe/images/icon/icon64.png" style="width:22px;height:22px">异次元之旅</a></p>
      </aside>
      <nav>
        <h6 class="footer-title">感谢</h6>
        <ul>
          <li><a href="https://taojs.mcwxt.top">TaoJs</a></li>
          <li><a href="https://www.w3.org">W3C</a></li>
          <li><a href="https://www.mozilla.org">Mozilla</a></li>
        </ul>
      </nav>
      <nav class="grid-flow-col gap-4 md:place-self-center md:justify-self-end">
        <a class="text-xl text-base-content/80" target="_blank" v-for="item in link" :title="item.content" :href="item.location">
          <icon :icon="item.icon"></icon>
        </a>
      </nav>
    </footer>
  </div>
  <drawer-side class="z-100"></drawer-side>
</div>